<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二级菜单</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <header class="header">
        <ul class="topnav clearfix">
            <li>
                <a href="">Lorem.</a>
            </li>

            <li>
                <a href="">Corporis.</a>
            </li>

            <li>
                <a href="">Voluptate!</a>
            </li>
            
            <li>
                <a href="">客户服务</a>
                <div class="submenu">
                    <ul>
                        <li><a href="">客户服务1</a></li>
                        <li><a href="">客户服务2</a></li>
                        <li><a href="">客户服务3</a></li>
                        <li><a href="">客户服务4</a></li>
                        <li><a href="">客户服务5</a></li>
                        <li><a href="">客户服务6</a></li>
                        <li><a href="">客户服务7</a></li>
                        <li><a href="">客户服务8</a></li>
                        <li><a href="">客户服务9</a></li>
                        <li><a href="">客户服务10</a></li>
                    </ul>
                </div>
            </li>

            <li>
                <a href="">Officiis.</a>
            </li>
        </ul>
    </header>
    <div>
        li*100>lorem1
    </div>
</body>
</html>